.top-bg {
	background: linear-gradient(135deg, #00C6FF 0%, #0072FF 100%);
	height: 64rpx;
}

.content {
	width: 750rpx;
	background: #FFFFFF;
	border-radius: 32rpx 32rpx 0rpx 0rpx;
	margin-top: -28rpx;
	overflow: hidden;

	.error {
		color: #ff0000;
		font-size: 28rpx;
		width: 500rpx;
		margin: -25rpx auto 0;
	}

	.title {
		font-size: 32rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #999999;
		margin: 188rpx 0 30rpx;
		text-align: center;
	}

	.phone {
		font-size: 52rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #333333;
		text-align: center;
	}

	.input-panel {
		width: 604rpx;
		height: 96rpx;
		background: #F2F7FB;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		display: flex;
		align-items: center;
		padding: 28rpx 60rpx;
		box-sizing: border-box;
		margin: 30rpx auto 44rpx;

		.icon {
			width: 31rpx;
			height: 40rpx;
			margin-right: 26rpx;
		}

		.code {
			width: 198rpx;
			height: 96rpx;
			background: #008AFF;
			border-radius: 100rpx 100rpx 100rpx 100rpx;
			font-size: 32rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
			text-align: center;
			line-height: 96rpx;
			font-size: 24rpx;
		}

		.input-panel-right {
			display: flex;
			flex: 1;
			align-items: center;
		}
	}

	.sure {
		width: 604rpx;
		height: 98rpx;
		background: #008AFF;
		box-shadow: 0rpx 6rpx 60rpx 2rpx rgba(64, 160, 255, 0.5);
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		margin: 0 auto;
		text-align: center;
		line-height: 98rpx;
		color: #fff;
	}
	.input{background-color: rgba(0, 0, 0, 0);}
	.code_bt{
		background-color: #008AFF;color: #fff;padding: 0 30rpx;box-sizing: border-box;
		height: 100%;border-radius: 100rpx;min-width: 198rpx;margin-left: 20rpx;font-size: 24rpx;
	}
}

.flex_zhcenter{
	display: flex;align-items: center;justify-content: center;
}